@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700|Droid+Sans:700);
@import url(../yaml/core/base.css);
@import url(../yaml/navigation/hlist.css);
@import url(../yaml/forms/gray-theme.css);
@import url(../yaml/screen/typography.css);
@import url(../yaml/screen/screen-FULLPAGE-layout.css);
@import url(../yaml/print/print.css);

html, body {
	margin:0; padding:0;
}

body {
	background-color:#e8e9eb;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
/* --------- login page ----------- */
#login_bg {
	width:354px;
	height:216px;
	background:url(../images/enter_form_bg.jpg) no-repeat center;
	top: 50%;
	left: 50%;
	position: absolute;
	margin-top: -108px;
	margin-left: -177px;
}
#insider {
	margin:0px 0px 0px 90px;	
	width:230px;
	margin-top:-20px;
}

#login_bg .fields {
    background-color: #CCCCCC;
    border: 1px solid #66668A;
    color: #000000;
    font-family: verdana;
    font-size: 12px;
    margin-bottom: 1px;
	padding:3px;
}
#login_message {	
	width:304px;
	height:40px;
	margin:1px auto;
	margin-top:15px;
	color:#FF0000;
	text-align:center;
}
#login_bg .clear {
	padding:0;
	border:none;
}

#logo_top_left {
	width:98px;
	height:92px;
	background:url(images/logo_top_left.gif) no-repeat center;
	position:absolute;
	top:0;
	left:0;	
}
/* --------- data table ----------- */
#logo_top_left {
	width:98px;
	height:92px;
	background:url(../images/logo_top_left.gif) no-repeat center;
	position:absolute;
	top:0;
	left:0;	
}

#logo_top_left {
	width:98px;
	height:92px;
	background:url(../images/logo_top_left.gif) no-repeat center;
	position:absolute;
	top:0;
	left:0;	
}
#top_line {
	background:url(../images/top_bg.gif) repeat-x;
	height:26px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11 pt;
	color:#333366;	
	line-height	: 26px;
}
#top_line a {
	color:#333399;
}
#top_line a:hover {
	text-decoration:none;
}
#top_line img {
	border:none;
}
#top_line .logo {
	float:left;
	margin-left:40px;
}
#top_line .right_top_line {	

	float:right;
	margin-right:40px;	
		width:270px;
}
#admin {
	background:url(../images/people_ico.png) left no-repeat;
	padding-left:25px;
	float:left;
}
#log_out {
	background:url(../images/off_ico.png) left no-repeat;
	padding-left:25px;
	float:right;
}

#wrapper {
	min-width:800px;
	min-height:600px;
	margin:40px;
	
}
#data_table {	
	margin-left:255px;
	background-color:#FFF;
}
#left_column {
	float:left;
	width:255px;
	min-height:500px;
	margin-bottom:20px;
}
/*
#wrapper h1{
	color:#333333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12pt;
	line-height:35px;
	background-color:#e6eeee;
	margin:0; padding:0;
	text-align:center;
}
#wrapper h1.filters {
	background:#e6eeee url(../images/engin.png) left no-repeat;
	background-position: 18%;
}
#wrapper h1.calend {
	background:#e6eeee url(../images/calend2.png) left no-repeat;
	background-position: 15%;
}

 tables 
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}


table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
*/
table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}
/* --------- user page ----------- 
#user_form input {
    background-color: #666666;
    border: 1px solid #000000;
    color: #FFFFFF;
    font-family: Tahoma;
    font-weight: bold;
	padding:2px 15px;
	margin-top:20px;
	margin:5px auto;	
}
#user_form .fields {
    background-color: #CCCCCC;
    border: 1px solid #66668A;
    color: #000;
    font-family: verdana;
    font-size: 14px;
    margin-bottom: 1px;
	padding:5px;
}
#user_form .fields_nonactive {
	background-color: #666666;
    border: 1px solid #66668A;
    color: #CCCCCC;
    font-family: verdana;
    font-size: 14px;
    margin-bottom: 1px;
	padding:5px;
}
#user_form table td {
	margin:10px;
}
#user_form .button {
	margin-left:40px;
	padding:7px;
	width:120px;
	-moz-box-shadow:inset 0px 1px 0px 0px #dbdbdb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dbdbdb;
	box-shadow:inset 0px 1px 0px 0px #dbdbdb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e8e8e8), color-stop(1, #9e9e9e) );
	background:-moz-linear-gradient( center top, #e8e8e8 5%, #9e9e9e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1D1D1', endColorstr='#9e9e9e');
	background-color:#e8e8e8;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #a3a3a3;
	display:inline-block;
	color:#474747;
	font-size:12px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}#user_form .button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9e9e9e), color-stop(1, #e8e8e8) );
	background:-moz-linear-gradient( center top, #9e9e9e 5%, #e8e8e8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1D1D1', endColorstr='#e8e8e8');
	background-color:#D1D1D1;
}#user_form .button:active {
	position:relative;
	top:1px;
}
*/

#us_form {
	padding: 0px 10px 20px 20px;
}
#inform_message {	
	height:40px;
	margin:1px auto;
	margin-top:15px;
	color:#FF0000;
	text-align:center;
}
.jQtooltip {
  position: relative;
  cursor: help;
  border-bottom: 1px dotted;
}
.jQtooltip div {
  display: none;
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 1000;
  width: 190px;
  padding: 8px 12px;
  text-align: left;
  font-size: 12px;
  line-height: 16px;
  color: #000;
  -webkit-box-shadow: 0 1px 3px #C4C4C4;
  -moz-box-shadow: 0 1px 3px #C4C4C4;
  box-shadow: 0 1px 3px #C4C4C4;
  border: 1px solid #DBB779;
  background: #FFF6BD;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.jQtooltip.mini {
  display: inline-block;
  vertical-align: bottom;
  font-size: 11px;
  width: 14px;
  line-height: 13px;
  text-align: center;
  margin-left: 2px;  
  left: 4px;
  color: #9A4D18;
  border: 1px solid #FAD28F;
  background: #FFF6BD;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.jQtooltip.mini2 {
  display: inline-block;
  vertical-align: bottom;
  font-size: 11px;
  font-weight:normal;
  width: 14px;
  line-height: 13px;
  text-align: center;
  margin-left: 2px;
  top: 0px;
  left: 4px;
  color: #9A4D18;
  border: 1px solid #FAD28F;
  background: #FFF6BD;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#ajax_content {
	padding:0 20px;
}
.jQtooltip.mini.search {
	margin-left: 0px;
	margin-right: 2px;
}
/*--------filters --------- */
#filter_table, #calendar  {
	width:235px;
	min-height:200px;	
	margin-bottom:20px;
	background-color:#FFF;
}

#filter_table .line_td {
	border-bottom:1px dotted #e6eeee;
	padding-top:5px;
	padding-bottom:5px;
}
#filter_table .button {
	margin-left:5px;
	-moz-box-shadow:inset 0px 1px 0px 0px #dbdbdb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dbdbdb;
	box-shadow:inset 0px 1px 0px 0px #dbdbdb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e8e8e8), color-stop(1, #9e9e9e) );
	background:-moz-linear-gradient( center top, #e8e8e8 5%, #9e9e9e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1D1D1', endColorstr='#9e9e9e');
	background-color:#e8e8e8;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #a3a3a3;	
	color:#474747;
	font-size:12px;
	font-weight:bold;
	font-family:arial;
	padding:6px 14px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}#filter_table .button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9e9e9e), color-stop(1, #e8e8e8) );
	background:-moz-linear-gradient( center top, #9e9e9e 5%, #e8e8e8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1D1D1', endColorstr='#e8e8e8');
	background-color:#D1D1D1;
}#filter_table .button:active {
	position:relative;
	top:1px;
}
#filter_table .filter_table input{
	background-color: #E6E6E6;
    border: 1px solid #D3D3D3;
    color: #555555;
    font-family: verdana;
    font-size: 14px;
    margin-bottom: 1px;
    padding: 2px;	
}
#filter_table .filter_table {
	font-size:11px;
}
/* ---- calendar ---- */
#datepicker_big .ui-widget-content {   
    border: none;
}
#datepicker_big  .ui-widget-header {
    background: none;
    border: 1px solid #AAAAAA;
    color: #222222;
    font-weight: bold;
}
